草庐IT

2D 地图绘制

全部标签

javascript - 使用 d3 绘制热图

我正在尝试使用来自csv的数据使用d3绘制热图:这是我目前所拥有的给定一个csv文件:row,col,score0,0,0.50,1,0.71,0,0.21,1,0.4我有一个svg和代码如下:d3.csv("sgadata.csv",function(data){data.forEach(function(d){d.score=+d.score;d.row=+d.row;d.col=+d.col;});//heightofeachrowintheheatmap//widthofeachcolumnintheheatmapvarh=gridSize;varw=gridSize;varr

javascript - 如何在谷歌地图上绘制数百万个点?

我有数百万个点要在来自数组的谷歌地图上绘制。我在看circlesexample但是,问题是圆圈是……圆圈。有没有什么方法可以画出像Canvas一样的圆圈,所以我在上面画多少点并不重要? 最佳答案 我认为答案是否定的。标记太多了。根据下表(摘自geek.com),您将看到一个只有标记且没有map的屏幕,即使每个标记只有1个像素,但事实并非如此。 关于javascript-如何在谷歌地图上绘制数百万个点?,我们在StackOverflow上找到一个类似的问题: h

javascript - 谷歌地图;将位置卡添加到标记

正如您在下图中看到的,div(左上角)显示了当前标记地址/方向/保存..这是使用来自谷歌地图的嵌入式iframe代码完成的。但是如何使用自定义“编码”map实现同样的效果呢?geocoder=newgoogle.maps.Geocoder();geocoder.geocode({"address":nw.google_pointer},function(results,status){if(status==google.maps.GeocoderStatus.OK){varmyOptions={zoom:parseInt(nw.google_zoom),center:results[0

javascript - 如何在谷歌地图上画圆时知道半径

我有什么:根据Google的建议,我们使用了MVC对象和事件DistanceWidget和RadiusWidget来显示半径,同时重新调整圆的大小,这对于现有的圆(由DistanceWidget绘制的圆圈)。FiddleDemo我需要什么:我需要在绘制新圆时显示圆的半径。DistanceWidget和RadiusWidget事件仅用于现有圆(由DistanceWidget绘制的圆)而不用于新圆(用户使用DrawingManager工具绘制的圆)).是否可以显示用于创建新圈子的DistanceWidget?Fiddle 最佳答案 确实

javascript - open layers 3 如何以编程方式绘制多边形?

如何以编程方式使用开放层3绘制多边形?我有一个json数组坐标:[{"lng":106.972534,"lat":-6.147714},{"lng":106.972519,"lat":-6.133398},{"lng":106.972496,"lat":-6.105892}]现在我想使用开放图层在map上绘制它。怎么做? 最佳答案 您需要使用ol.geom.Polygon构造函数。该构造函数需要一个环数组,每个环都是一个坐标数组。在您的情况下,这就是您创建多边形的方式(假设您的lnglat对数组名为a)://Aringmustbec

javascript - 谷歌地图(JavaScript API): get GPS coordinates from address

我需要计算两个地址之间的距离,我不需要mapView或任何图形。我只是想让用户输入地址(结束位置是我自己定义的),然后让javascript计算两点之间的距离。但是我找不到使用GoogleMapsAPI发送地址字符串并从中获取GPS坐标的方法。(我真的只需要两个GPS点,距离计算是微不足道的。) 最佳答案 您正在尝试执行的操作称为地理编码。使用MapsAPI是可能的。查看Geocodingsection更多细节。这是基本思想:vargeocoder=newgoogle.maps.Geocoder();geocoder.geocode

javascript - 你如何在 Safari 中的 <canvas> 标签上绘制文本

我一直在尝试使用用于绘制简单图表的标签,到目前为止,它非常容易使用。我想到一个问题。我不知道如何在上绘制文本在Safari中。在Firefox3.0中,我可以这样做:Chart.prototype.drawTextCentered=function(context,text,x,y,font,color){if(context.mozDrawText){context.save();context.fillStyle=color;context.mozTextStyle=font;x-=0.5*context.mozMeasureText(text);context.translate

javascript - 在 map 上以米为单位绘制半径指定的圆

任何关于如何使用D3在地理map上绘制以米为单位的半径圆的指示都会非常有帮助。我尝试使用Leaflet,它是接受以米为单位的半径的Circle(或CircleMarker),但我需要更大的灵active来处理我的数据。D3似乎很有帮助,但我不确定如何在map顶部绘制给定半径的圆,这样圆覆盖与给定半径对应的区域(并适应缩放和投影变化)。 最佳答案 您可以使用最新版本的Leaflet以米为单位传递这些半径。半径将根据缩放级别而变化。这里有更多信息来自Leaflet'sdocumentationL.circle([lat,lng],rad

javascript - 谷歌地图中两个近点之间的曲线

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭5年前。Improvethisquestion可以在谷歌地图中的2个近点之间绘制一条曲线(如测地线),例如使用这些坐标:p1=(23.634501,-102.552783)p2=(17.987557,-92.929147)是否有一个javascript库可以做到这一点?并且可以控制线的曲率?谢谢。

javascript - 谷歌地图 PanTo OnClick

我试图通过点击平移map上的某个区域。该脚本不工作和页面重新加载。也许有人能看出问题所在。我的函数functionclickroute(lati,long){map=google.maps.Map(document.getElementById("map_canvas"));map.panTo(lati,long)}其他的vardirectionDisplay;vardirectionsService=newgoogle.maps.DirectionsService();varmap;functioninitialize(){geocoder=newgoogle.maps.Geocod